<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, maximum-scale=1.0,minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../css/all.css">
  <link rel="stylesheet" href="../font/font-awesome-4.7.0/css/font-awesome.min.css">
  <title>Document</title>
</head>
<body>
  <div class="quiz" id="quizs">
    <div class="cate ">
      <div class="cate-data" >
        <span @click="goclose" class="close"><a href="./quiz-game.html">+</a></span>
        <ul>
          <li>竞猜记录</li>
          <li>
            <span>2018-06-14</span>
            <span>星期四</span>
            <span>小组赛</span>
          </li>
          <li>
            <span>俄罗斯</span>
            <span>5:8</span>
            <span>沙特</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="quiz-dynamic">
      <ul class="quiz-start">
        <li class="dyn-tt" v-for=" item in 10">
          <div class="left rec-lef"><img src="../img/icon-els.png" alt=""></div>
          <div class="middle"> <span>俄罗斯 <b> 押注 俄罗斯</b></span> <span>押注：<b>1251</b>节操</span></div>
          <div class="right rec-rig">3小时前</div>
        </li>
      </ul>
    </div>
  </div>


  <script src="../js/jquery-3.2.1.min.js"></script>
  <script src="../js/size.js"></script>
  <script src="../js/underscore.js"></script>
  <script src="../js/vue.js"></script>
  <script>
    var Quiz = new Vue({
      el:"#quizs",
      data:{
        show:false,
        red:true,
        green:false,
        blue:false,
        list:[
          {win1:'俄罗斯',win2:'平局',win3:'沙特阿拉伯',win1mon:'',win2mon:'',win3mon:''}
        ],
        countries:[
          {name:'巴西',odds:4/1},{name:'德国',odds:9/2},
          {name:'西班牙',odds:11/2},{name:'法国',odds:6/1},
          {name:'阿根廷',odds:9/1},{name:'比利时',odds:11/1},
          {name:'英格兰',odds:16/1},{name:'葡萄牙',odds:22/1},
          {name:'乌拉圭',odds:28/1},{name:'哥伦比亚',odds:23/1},
          {name:'克罗地亚',odds:33/1},{name:'俄罗斯',odds:40/1},
          {name:'波兰',odds:50/1},{name:'墨西哥',odds:80/1},
          {name:'丹麦',odds:80/1},{name:'瑞士',odds:100/1},
          {name:'瑞典',odds:125/1},{name:'尼日利亚',odds:150/1},
          {name:'埃及',odds:150/1},{name:'塞内加尔',odds:150/1},
          {name:'秘鲁',odds:150/1},{name:'塞尔维亚',odds:150/1},
          {name:'冰岛',odds:200/1},{name:'日本',odds:250/1},
          {name:'摩洛哥',odds:300/1},{name:'韩国',odds:400/1},
          {name:'澳大利亚',odds:400/1},{name:'哥斯达黎加',odds:400/1},
          {name:'伊朗',odds:500/1},{name:'突尼斯',odds:500/1},
          {name:'沙特阿拉伯',odds:750/1},{name:'巴拿马',odds:750/1}
        ],
      },
      mounted(){

      },
      methods:{
        game:function(){
          Quiz.state=true;
          Quiz.stat=false;
        },
        team:function(){
          Quiz.state=false;
          Quiz.stat=true;
        },
        toquiz:function(){
          Quiz.show=true;
        },
        goclose:function(){
          Quiz.show=false;
        }
      }
    })
  </script>
</body>
</html>